
{{ render "layout/header.html" . }}
<body>
    <div>
        {{ render "layout/nav-header.html" . }}
        <div id="carouselIndicators" class="carousel slide" data-bs-ride="carousel">
            <div class="carousel-indicators">
                <button type="button" data-bs-target="#carouselIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                <button type="button" data-bs-target="#carouselIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
                <!-- <button type="button" data-bs-target="#carouselIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button> -->
            </div>
            <div class="carousel-inner">
                <div class="carousel-item active" data-bs-interval="6000">
                    <!-- <img src="./static/image/portal-banner-bg.png" class="d-block w-100" oncontextmenu="return false;" draggable="false" alt="..."> -->
                    <div class="d-block w-100 banner-img"
                    style="background-image: url('./static/image/portal-banner-bg2.png');"></div>
                    <div class="carousel-content">
                        <div class="carousel-content-bg"></div>
                        <div class="me-3">
                            <ul>
                                <li>支持商品推荐算法</li>
                                <li>完整的后台功能</li>
                                <li>及时的售后服务</li>
                                <li>可靠的服务支持</li>
                            </ul>
                        </div>
                        <button type="button" class="btn btn-primary btn-lg" style="height: fit-content;">
                            <a href="/portal?name=small.html&fast=true"
                                class="icon-link icon-link-hover"
                                style="color: white;text-decoration: none;z-index: 90;"
                            >
                                查看
                                <i class="bi bi-arrow-up-right-circle"></i>
                            </a>
                        </button>
                    </div>
                </div>
                <div class="carousel-item" data-bs-interval="6000" style="padding: 0 20px;">
                <!-- <img src="./static/image/portal-banner-bg.png" class="d-block w-100" oncontextmenu="return false;" draggable="false" alt="..."> -->
                    <div class="d-block w-100 banner-img"
                    style="background-image: url('./static/image/lowcode-bi.png');"></div>
                    <div class="carousel-content">
                        <div class="carousel-content-bg"></div>
                        <div class="me-3">
                            <ul>
                                <li>完善的权限</li>
                                <li>表单 设计器</li>
                                <li>BI(商业智能) 设计器</li>
                                <li>开放API</li>
                                <li>官网搭建</li>
                            </ul>
                        </div>
                        <button type="button" class="btn btn-primary btn-lg" style="height: fit-content;">
                            <a href="https://cqyunq.com/admin" target="_blank"
                                class="icon-link icon-link-hover"
                                style="color: white;text-decoration: none;z-index: 90;"
                            >
                                低代码演示
                                <i class="bi bi-arrow-up-right-circle"></i>
                            </a>
                        </button>
                    </div>
                </div>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#carouselIndicators" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true" style="width: 40px;height: 40px;"></span>
                <span class="visually-hidden">前一个</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#carouselIndicators" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true" style="width: 40px;height: 40px;"></span>
                <span class="visually-hidden">下一个</span>
            </button>
        </div>

        <div class="container mt-1 mb-4">
            <br />
            <div class="describe px-5">
                <i class="bi bi-quote" style="position: absolute;top:20%;left:26px;color:gray;font-size:1.5rem;"></i>
                <h3 class="mb-5" style="text-align: center;">云穹科技 <span style="color: grey;">·</span> 品牌介绍</h3>
                <p style="line-height: 36px;color: grey;">
                    围绕电商领域、企业数字化，云穹科技致力于为企业提供低成本、高效快速、服务可靠、安全稳定机具商业价值的系统。
                    初心不改，使命不移，给客户真实落地项目。<br />
                    当前的商业大变局之中，各个行业都在加速迭代升级。<br/>
                    云穹科技的客户用电商小程序赋能业务营销，通过数字化赋能企业资源管理，内外兼修，在竞争中生存、在变化中发展。
                </p>
                <i class="bi bi-quote" style="position: absolute;bottom:10px;right:30px;color:gray;rotate:180deg;"></i>
            </div>
            <br />
            <div class="describe px-5">
                <i class="bi bi-quote" style="position:absolute;top:20%;left:26px;color:gray;font-size:1.5rem;"></i>
                <h3 class="mb-5" style="text-align: center;">口碑之选</h3>
                <p style="line-height: 36px;color: grey;">
                    云穹电商小程序提供稳定可靠的服务。<br/>
                    云穹低代码是一个免费、可私有化部署的企业数字化系统，包含完整的文档和教学视频。<br/>
                </p>
                <i class="bi bi-quote" style="position: absolute;bottom:10px;right:30px;color:gray;rotate:180deg;"></i>
            </div>
        </div>

        {{ render "layout/footer.html" . }}
    </div>
    
    {{ render "layout/back-to-top.html" . }}
    {{ render "layout/fixed-footer.html" . }}
    
    {{ render "layout/js.html" . }}
</body>
</html>